<%@ page contentType="text/html;charset=UTF-8" %>
<script type="text/javascript">
		$(document).ready(function() {
			  //表格初始化
			  $('#table').bootstrapTable({

				  //请求方法
	                method: 'get',
	                dataType: "json",
	                 //是否显示行间隔色
	                striped: true,
	                //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
	                cache: false,
	                //是否显示分页（*）
	                pagination: true,
	                 //排序方式
	                sortOrder: "asc",
	                //初始化加载第一页，默认第一页
	                pageNumber:1,
	                //每页的记录行数（*）
	                pageSize: 10,
	                //可供选择的每页的行数（*）
	                pageList: [10, 25, 50, 100],
	                //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
	                url: "${ctx}/sys/user/list",
	                //默认值为 'limit',传给服务端的参数为：limit, offset, search, sort, order Else
	                //queryParamsType:'',
	                ////查询参数,每次调用是会带上这个参数，可自定义
	                queryParams : function(params) {
	                	var searchParam = $("#searchForm").serializeJSON();
	                	searchParam.pageNo = params.limit === undefined? "1" :params.offset/params.limit+1;
	                	searchParam.pageSize = params.limit === undefined? -1 : params.limit;
	                	searchParam.orderBy = params.sort === undefined? "" : params.sort+ " "+  params.order;
	                    return searchParam;
	                },
	                //分页方式：client客户端分页，server服务端分页（*）
	                sidePagination: "server",
	                contextMenuTrigger:"right",//pc端 按右键弹出菜单
	                contextMenuTriggerMobile:"press",//手机端 弹出菜单，click：单击， press：长按。
	                contextMenu: '#context-menu',
	                onContextMenuItem: function(row, $el){
	                    if($el.data("item") == "edit"){
	                    	edit(row.id);
	                    } else if($el.data("item") == "delete"){
	                    	deleteAll(row.id);
	                    }
	                },

	                onClickRow: function(row, $el){
	                },
	                columns: [{
				        checkbox: true

				    }, {
				        field: 'photo',
				        title: '头像',
				        formatter:function(value, row , index){
				        	if(value ==''){
				        		return '<img height="40px" src="${ctxStatic}/common/images/flat-avatar.png">';
				        	}else{
				        		return '<img   onclick="jp.showPic(\''+value+'\')"'+' height="40px" src="'+value+'">';
				        	}

				        }

				    }, {
				        field: 'loginName',
				        title: '登录名',
				        sortable: true

				    }, {
				        field: 'name',
				        title: '姓名',
				        sortable: true,
				    },  {
                        field: 'mobile',
                        title: '手机',
                        sortable: true
                    }, {
                        field: 'loginDate',
                        title: '最后登陆时间',
                        sortable: true
                    }, {
                        field: 'loginFlag',
                        title: '是否可登录',
                        sortable: true
                    }]
				});


			  if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端
				  $('#table').bootstrapTable("toggleView");
				}

			  $('#table').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
		                'check-all.bs.table uncheck-all.bs.table', function () {
		            $('#remove').prop('disabled', ! $('#table').bootstrapTable('getSelections').length);
		            $('#edit').prop('disabled', $('#table').bootstrapTable('getSelections').length!=1);
		        });

		    $("#search").click("click", function() {// 绑定查询按扭
		    	$('#table').bootstrapTable('refresh');
			});
		    $("#reset").click("click", function() {// 绑定查询按扭
				$("#searchForm  input").val("");
				$("#searchForm  select").val("");
				$('#table').bootstrapTable('refresh');
			});
		});


		  function getIdSelections() {
		        return $.map($("#table").bootstrapTable('getSelections'), function (row) {
		            return row.id
		        });
		    }

		  function deleteAll(ids){
			    if(!ids){
			    	ids =  getIdSelections();
			    }
				jp.confirm('确认要删除选中用户吗？',  function(){
					    jp.loading();
                 	  	$.get("${ctx}/sys/user/deleteAll?ids=" +ids, function(data){
                 	  		if(data.success){
                 	  			$('#table').bootstrapTable('refresh');
                	  			jp.success(data.msg);
                	  		}else{
                	  			jp.error(data.msg);
                	  		}
                 	  	})
				})
		  }
		  function edit(id){
			  if(!id){
				  id = getIdSelections();
			  }
			  jp.openDialog('编辑用户', "${ctx}/sys/user/form?id=" + id,'800px', '680px');

		  }
	</script>